<template>
  <div class="order_catchpdd">
    <!-- <div class="where" style="background: #fff; padding: 10px 30px; font-size: 14px; color: #595959;">当前位置：生产管理>抓单管理>抖音抓单</div>
    <div style="height: 16px; width: 100%; background: #F9F9F9;"></div> -->
    <!-- 111111111111111111111111111111 -->

    <!-- 111111111111111111111111111111 -->
    <div class="team">
      <div class="powertop">
        <top></top>
      </div>

      <div class="centerall">
        <div class="t-img" style="background:#2974FF;">
          <!-- <img src="../../../static/img/catchjd.png"> -->
          <img src="../../../static/kuanping/douy.png" style="height: 40px; padding: 20px 40px;">


          <span class="t-email" style="right: 300px;" @click="zhua">抖店审核</span>
          <span class="t-email" @click="mobileshow">设置短信报警</span>
          <span class="t-email" style="right: 160px;" @click="biaoqishezhi">订单标旗设置</span>
          <span class="t-email" style="right: 420px;" @click="tongbukai">同步备注配置</span>
        </div>
        <div class="t-con" v-loading="loading">
          <div style="margin-bottom: 20px;background: rgb(238, 247, 255); padding: 20px; font-size: 14px;">
              抖店要实现抓单及自动退款功能，需店铺申请加白，操作方式：联系小二或者直客申请，提供运营商执照 店铺短ID 公司主体全称（抖音每周四12点之前会加白一次）加白之后联系我们开启开卡失败自动退款功能
          </div>
          <div class="kflex" style="margin-bottom: 20px;">抖店消息:<div id="doudian"></div></div>

          <el-table :data="list" border  style="width: 100%">
              <el-table-column  prop="shop_name"  label="店铺名称"  align="center"> </el-table-column>
              <el-table-column  prop="shop_name"  label="授权状态"  align="center">
                <template slot-scope="scope">
                  <span v-if="scope.row.pdd_open_status == 0">失效</span>
                  <span v-if="scope.row.pdd_open_status == 1">正常</span>
                </template>
              </el-table-column>
              <el-table-column  prop="refresh_token_time"  label="授权到期时间"  align="center" width="170"> </el-table-column>

              <el-table-column  prop="shop_name"  label="自动发货"  align="center" v-if="shopid == 50481 || shopid == 304676">
                <template slot-scope="scope">

                  <div v-if="scope.row.is_delivery == 0">仅关闭同步发货信息</div>
                  <div v-if="scope.row.is_delivery == 1">开启发货同步</div>
                  <div v-if="scope.row.is_delivery == 2">关闭同步发货且自动退款</div>
                  <div v-if="scope.row.is_delivery == 3">开启同步发货部分自动退款</div>

                  <div style="color: #409EFF; cursor: pointer;" @click="change_is_delivery1(scope.row)">配置</div>
                  <!-- <el-switch v-model="scope.row.is_delivery2" active-color="rgb(8, 201, 160)" inactive-color="#2974FF" :active-value='1'
                    :inactive-value='3' @change="change_is_delivery1(scope.row,scope.$index)"></el-switch>

                    <div v-if="scope.row.is_delivery == 0">仅关闭同步发货信息</div>
                    <div v-if="scope.row.is_delivery == 2">关闭同步发货且自动退款</div> -->

                </template>
              </el-table-column>

              <el-table-column  prop="shop_name"  label="自动发货"  align="center" v-if="shopid != 50481 && shopid != 304676">
                <template slot-scope="scope">
                  <el-switch v-model="scope.row.is_delivery" active-color="rgb(8, 201, 160)" inactive-color="#2974FF" :active-value='1'
                    :inactive-value='0' @change="change_is_delivery(scope.row)"></el-switch>
                </template>
              </el-table-column>

              <el-table-column  prop="shop_name"  label="同步备注"  align="center">
                  <template slot-scope="scope">
                    <el-switch v-model="scope.row.is_remark" active-color="rgb(8, 201, 160)" inactive-color="#2974FF" :active-value='1'
                      :inactive-value='0' @change="change_is_delivery(scope.row)"></el-switch>
                  </template>
              </el-table-column>
              <el-table-column  align="center">
                <template slot="header" style="display: flex; justify-content: center; align-items: center;">
                  生产失败立即退款
                  <el-tooltip class="item" effect="dark" content="该功能需要抖音加白,抖音加白后默认48小时未发货自动退款,开启开关后订单将在生产失败后立即退款" placement="top-start">
                  	<i class="el-icon-question" style="color: #409EFF; font-size: 25px; margin-left: 5px; cursor: pointer;" ></i>
                  </el-tooltip>
                </template>
                <template slot-scope="scope">
                  <div v-if="scope.row.is_refund == 0">关闭</div>
                  <div v-if="scope.row.is_refund == 1">生产失败 {{ scope.row.refund_time_point2}}小时自动退款</div>
                  <div v-if="scope.row.is_refund == 2">生产失败24小时退款</div>
                  <!-- 1 生产失败立即退款  2 开卡失败24小时退款
                  <el-switch v-model="scope.row.is_refund" active-color="rgb(8, 201, 160)" inactive-color="rgb(220, 220, 220)" :active-value='1'
                    :inactive-value='0' @change="change_is_deliveryx(scope.row)"></el-switch> -->
                  <div style="color: #409EFF; cursor: pointer;" @click="xiugaiis_refund(scope.row)">修改</div>
                </template>
              </el-table-column>

<!--              <el-table-column  label="抖音店铺消息" align="center">
                  <template slot-scope="scope">
                    <Bixi :data="scope.row.config" v-if="scope.row.chulai"></Bixi>
                  </template>
              </el-table-column> -->
             <el-table-column  label="直播间分销授权" align="center">
               <template slot="header" style="display: flex; justify-content: center; align-items: center;">
                 直播间分销授权
                 <el-tooltip class="item" effect="dark" content="当有其他直播间挂载您的抖店时，该功能可实现让直播间自行获取和管理自己发展的订单。" placement="top-start">
                 	<i class="el-icon-question" style="color: #409EFF; font-size: 25px; margin-left: 5px; cursor: pointer;" ></i>
                 </el-tooltip>
               </template>

                <template slot-scope="scope">
                  <div style="color: #409EFF; cursor: pointer;" @click="$router.push('/order_catch/shopquanzhibojianpeizhi?id='+scope.row.id)">授权配置</div>
                </template>
              </el-table-column>


              <el-table-column  prop="shop_name"  label="操作"  align="center" width="400">
                  <template slot-scope="scope">
                    <div style="display: flex; justify-content: center; margin-bottom: 10px; font-size: 14px; align-items: center; flex-wrap: wrap;">
                      <div><span style="margin-right: 10px;" v-if="scope.row.is_run == 1 && scope.row.is_login == 1">抓单已开启</span></div>
                      <div>
                        <el-button style="margin-right: 10px;" v-if="scope.row.is_run == 0 && scope.row.is_login != 1" type="primary" size="small" round plain
                          @click="gocatch(scope.row.id)">开启抓单</el-button>
                      </div>
                      <div>
                        <el-button type="primary" plain round size="small" @click="loudanchoose(scope.row.id)">漏单补抓</el-button>
                      </div>
                      <div>
                        <el-button type="text" size="small"
                          @click="seelogs(scope.row.id,scope.row.shop_name)">查看抓单失败记录<span style="margin-left: 5px;" v-if="scope.row.fail_order_num > 0">({{scope.row.fail_order_num}})</span></el-button>
                      </div>
                      <div>
                        <i class="el-icon-delete" style="color: #2974FF; font-size: 18px; font-weight: bold;" @click="shanchu(scope.row.id)"></i>
                      </div>
                    </div>
                  </template>
              </el-table-column>
          </el-table>

          <!-- <div class="list" style="margin-bottom: 10px; border-left: 1px #EAEAEA solid;">
            <div class="th">店铺名称</div>
            <div class="th">授权到期时间</div>
            <div class="th">授权状态</div>
            <div class="th">自动发货</div>
            <div class="th">同步备注</div>
            <div class="th" style="flex: 2;">操作</div>
          </div>
          <div class="list" v-for="item in list" :key="item.id" style=" border-left: 1px #EAEAEA solid;">
            <div class="td td2">{{item.shop_name}}</div>

            <div class="td td2">
              {{item.refresh_token_time}}
            </div>
            <div class="td td2">
              <span v-if="item.pdd_open_status == 0">
                <el-tooltip placement="top">
                  <div slot="content">
                    授权验证失败通常是以下三种情况：<br />
                    1、在拼多多的自研应用页面重置了应用ID<br />
            			     2、操作新店铺授权时未退出之前的店铺登录<br />
                    3、店铺未授权给开放应用，请在应用添加授权<br />
                  </div>
                  <el-button type="text">失效<i class="el-icon-question"></i></el-button>
                </el-tooltip>
              </span>
              <span v-if="item.pdd_open_status == 1">正常</span>
            </div>
            <div class="td" style="display: flex;justify-content: center; align-items: center;">
              <el-switch v-model="item.is_delivery" active-color="rgb(8, 201, 160)" inactive-color="rgb(220, 220, 220)" :active-value='1'
                :inactive-value='0' @change="change_is_delivery(item)"></el-switch>
            </div>
            <div class="td" style="display: flex;justify-content: center; align-items: center;">
              <el-switch v-model="item.is_remark" active-color="rgb(8, 201, 160)" inactive-color="rgb(220, 220, 220)" :active-value='1'
                :inactive-value='0' @change="change_is_delivery(item)"></el-switch>
            </div>
            <div class="td td2" style="flex: 2;">
              <span style="margin-right: 10px;" v-if="item.is_run == 1 && item.is_login == 1">抓单已开启</span>
              <el-button v-if="item.is_run == 0 && item.is_login != 1" type="primary" size="mini"
                @click="gocatch(item.id)">开启抓单</el-button>
              <el-button type="primary" plain size="mini" @click="loudanchoose(item.id)">漏单补抓</el-button>
              <el-button type="text" size="mini" @click="seelogs(item.id,item.shop_name)">查看抓单失败记录</el-button>
              <el-button type="danger" plain size="mini" @click="shanchu(item.id)">删除</el-button>
            </div>
          </div> -->
          <div class="addshop">
            <el-button type="danger" round @click="addshplog = true"><i class="el-icon-plus"></i>申请添加店铺
            </el-button>
          </div>

          <div style="margin-top: 50px;color: #409EFF; cursor: pointer; font-size: 14px;"  @click="xiazai" > <i
              class="el-icon-download"></i> 抓单流程文档下载</div>

        </div>
      </div>
    </div>
    <el-dialog title="cookie登录" center :visible.sync="log" :close-on-click-modal="false" width="600px">
      <div>
        <el-input type="textarea" placeholder="请输入cookie" v-model="cookies" rows="15"></el-input>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button type="info" round  @click="log = false">取 消</el-button>
        <el-button type="danger" round @click="gocookie">确 定</el-button>
      </span>
    </el-dialog>

    <el-dialog title="解密录入" center :visible.sync="log2" :close-on-click-modal="false" width="600px">
      <div>
        <el-input type="textarea" placeholder="请输入cookies" v-model="cookies2" rows="8" style="margin-bottom: 20px;">
        </el-input>
        <el-input type="textarea" placeholder="请输入anti-content" v-model="cookies3" rows="8"></el-input>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button type="info" round  @click="log2 = false">取 消</el-button>
        <el-button type="danger" round  @click="gocookie2">确 定</el-button>
      </span>
    </el-dialog>

    <el-dialog title="手机号设置" center :visible.sync="mlog" :close-on-click-modal="false" width="600px">
      <div>
        <el-input v-model="mobile" placeholder="请输入手机号"></el-input>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button type="info" round  @click="mlog = false">取 消</el-button>
        <el-button type="danger" round  @click="gomobile">确 定</el-button>
      </span>
    </el-dialog>
    <el-dialog title="48小时自动发货" center :visible.sync="mlog48" :close-on-click-modal="false" width="600px">
      <div style="text-align:center;">
        <el-radio v-model="radio" label="1">开启</el-radio>
        <el-radio v-model="radio" label="0">关闭</el-radio>
      </div>
      <div class="says48">
        <div>说明：开启该功能后抖音订单会在要求的48小时之前的8个小时，在抖音平台以无需物流的方式自动发货，在您导入正常发货的运单号数据后，
          系统会前往抖音覆盖原发货信息（自发货后的24小时内可覆盖）。</div>
        <div style="color:#f00">注：该功能仅支持抓单的数据发货，未设置抓单或未登陆，功能无效</div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button type="info" round  @click="mlog48 = false">取 消</el-button>
        <el-button type="danger" round  @click="go48">确 定</el-button>
      </span>
    </el-dialog>
    <el-dialog title="申请添加店铺" center :visible.sync="addshplog" :close-on-click-modal="false" width="600px">
      <div style="margin-bottom: 20px;">
        <el-input v-model="addshopname" placeholder="请输入店铺名"></el-input>
      </div>
      <div style="margin-bottom: 20px;">
        <el-input v-model="shop_nick" placeholder="请输入店铺ID"></el-input>
      </div>

      <!--            <div>
                <el-input v-model="addshoptoken" placeholder="请输入AccssToken"></el-input>
            </div> -->
      <div style="margin-top:20px; color:#999;">
        注：成功提交后我们将在工作日内48小时配置好，届时可操作抓单。
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button type="danger" round @click="addshaopf">提交申请</el-button>
      </span>
    </el-dialog>
    <el-dialog title="漏单补抓" center :visible.sync="loudanlog" :close-on-click-modal="false" @close="clearText" width="600px">
      <el-tabs v-model="activeName" type="card">
        <el-tab-pane label="指定单号补抓" name="first">
          <div style="color: #ff253f;">注：请直接从EXCEL复制粘贴，一行一个单号。</div>
          <el-input type="textarea" :rows="10" placeholder="请直接从EXCEL复制粘贴，一行一个单号。" v-model="loudannum"></el-input>
        </el-tab-pane>
        <!-- <el-tab-pane label="指定时间段补抓" name="second">
          <div style="margin-top: 20px;">抓单开始时间：<el-date-picker v-model="time" :picker-options="pickerOptions"
              value-format="yyyy-MM-dd HH:mm:ss" type="datetimerange" range-separator="至" start-placeholder="开始日期"
              end-placeholder="结束日期" placeholder="选择日期时间"></el-date-picker>
          </div>
        </el-tab-pane> -->
      </el-tabs>
      <div style="margin-top: 20px;">提醒：重新补抓会消耗您店铺的订单解密额度，请确保解密额度充足。</div>
      <span slot="footer" class="dialog-footer">
        <el-button  type="info" round @click="loudanlog = false">取 消</el-button>
        <el-button  type="danger" round  @click="loudan">确 定</el-button>
      </span>
    </el-dialog>
    <biaoqi ref="biaoqi" :source="'douyin'"></biaoqi>

    <el-dialog title="提示" center :visible.sync="tuikuanlogx" :close-on-click-modal="false" width="800px">
      <div style=" text-align: center; color: #f00; font-size: 16px;">
        当前功能不可用，请联系在线客服确认加白后才可用
      </div>

      <span slot="footer" class="dialog-footer" style="text-align: center;">
        <el-button  type="danger" round  @click="tuikuanlogx = false">确 定</el-button>
      </span>
    </el-dialog>

    <el-dialog title="关闭发货同步设置" center :visible.sync="zidongfahuolog" :close-on-click-modal="false" width="1000px">
      <div>

          <div v-if="zidongfahuoall.is_delivery == 1" style="background: #FFFBE6; border: 1px #FAAD14 solid; padding:10px 20px; margin-bottom: 20px; border-radius: 2px;">
            <i class="el-icon-warning" style="color: #FAAD14; font-size: 20px; margin-right: 10px;"></i>当前选项在订单获得发货信息后，会同步电商平台发货。
          </div>
          <div v-if="zidongfahuoall.is_delivery == 0" style="background: #FFFBE6; border: 1px #FAAD14 solid; padding:10px 20px; margin-bottom: 20px; border-radius: 2px;">
            <i class="el-icon-warning" style="color: #FAAD14; font-size: 20px; margin-right: 10px;"></i>当前选项在订单获得发货信息后，不会同步电商平台发货，仅在敢探号记录为已发货。
          </div>
          <div v-if="zidongfahuoall.is_delivery == 2" style="background: #FFFBE6; border: 1px #FAAD14 solid; padding:10px 20px; margin-bottom: 20px; border-radius: 2px;">
            <i class="el-icon-warning" style="color: #FAAD14; font-size: 20px; margin-right: 10px;"></i>当前选项，订单在敢探号发货后，不会同步到电商平台，切回按照指定的时间配置前往自动退款。
          </div>
          <div v-if="zidongfahuoall.is_delivery == 3" style="background: #FFFBE6; border: 1px #FAAD14 solid; padding:10px 20px; margin-bottom: 20px; border-radius: 2px;">
            <i class="el-icon-warning" style="color: #FAAD14; font-size: 20px; margin-right: 10px;"></i>当前选项：配置在名单内的商品ID不会同步发货且在到达指定时间后执行退款，其他可正常同步发货。
          </div>

          <div>
            <el-radio style="font-size: 18px;" v-model="zidongfahuoall.is_delivery" :label="1">开启发货同步</el-radio>
            <el-radio style="font-size: 18px;" v-model="zidongfahuoall.is_delivery" :label="0">关闭发货同步</el-radio>
            <el-radio style="font-size: 16px;" v-model="zidongfahuoall.is_delivery" :label="2">关闭同步发货且自动退款</el-radio>
            <el-radio style="font-size: 16px;" v-model="zidongfahuoall.is_delivery" :label="3">开启同步发货部分自动退款</el-radio>
            <!-- <div style="color: #999; margin: 10px 0 10px 27px;">订单获得发货信息后，不会同步电商平台发货，仅在{{moban.platform_name}}记录为已发货。</div> -->
          </div>

          <div style="margin-top: 30px;" v-if="zidongfahuoall.is_delivery == 1">
            <div style="background: rgb(249, 249, 249); padding: 20px; border-radius: 10px;">
              <div class="kflexc" style="margin-bottom: 20px;">
                <el-radio style="font-size: 18px;" v-model="zidongfahuoall.force_modify_logistics" :label="0">使用原单号正常发货</el-radio>
                <el-radio style="font-size: 18px;" v-model="zidongfahuoall.force_modify_logistics" :label="1">全部使用无需物流发货</el-radio>
                <el-radio style="font-size: 16px;" v-model="zidongfahuoall.force_modify_logistics" :label="-1">指定商品无需物流发货</el-radio>
              </div>
              <div class="kflex" style="background: #fff; border-radius: 10px; padding: 20px; gap: 50px;" v-if="zidongfahuoall.force_modify_logistics == -1">
                <div style="flex: 1;">
                  <div style="margin-bottom: 20px;">请添加需要发货的商品</div>
                  <div style="margin-bottom: 20px;"><el-input v-model="shopname" @input="chaxun" placeholder="请输入商品编码"></el-input></div>
                  <div style="height: 500px; overflow: auto;">
                    <div class="kflexbc" v-for="item in shoplists" :key="item.id" style=" padding-right: 20px;">
                      <div class="kflexc" style="color: rgb(102, 102, 102); " >
                        <div class="shengluehao" style="width: 150px; margin-right: 20px; overflow: hidden;  height: 35px; line-height: 35px;">{{item.title}}</div>
                        <div class="shengluehao" style="width: 150px; margin-right: 20px; overflow: hidden;  height: 35px; line-height: 35px;">{{item.fetch_code}}</div>
                      </div>
                      <div style="color: rgb(0, 90, 255); cursor: pointer;" @click="addstore2(item)">添加</div>
                    </div>
                  </div>
                </div>
                <div style="flex: 1;">
                  <div style="margin-bottom: 20px;">已添加的商品</div>
                  <div style="height: 500px; overflow: auto;">
                    <div class="kflexbc" v-for="item in storelist2" :key="item.id" style=" padding-right: 20px;">
                      <div class="kflexc" style="color: rgb(102, 102, 102); " >
                        <div style="width: 150px; margin-right: 20px; overflow: hidden;  height: 35px; line-height: 35px;">{{item.title}}</div>
                        <div style="width: 150px; margin-right: 20px; overflow: hidden;  height: 35px; line-height: 35px;">{{item.fetch_code}}</div>
                      </div>
                      <div style="color: rgb(0, 90, 255); cursor: pointer;" @click="delstore2(item)">删除</div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

<!--          <div v-if="zidongfahuoall.is_delivery == 1">
            <div style="margin-bottom:20px">自动退款商品ID名单配置：</div>
            <div class="kflexc">
              <el-input v-model="spuid2" style="width: 300px; margin-right: 20px;" placeholder="请输入抖音商品ID（spuid）"></el-input><el-button type="primary" round @click="addstore2">添加</el-button>
            </div>
            <div style="width: 400px;">
              <div v-for="(item,index) in storelist2" :key="item.id" class="kflexbc" style="margin-top: 10px;">
                <div>{{item.spuid}}</div>
                <div @click="delstore2(item)" style="color: #409EFF; cursor: pointer;">删除</div>
              </div>
            </div>
          </div> -->

          <div style="margin-top: 30px;" v-if="zidongfahuoall.is_delivery == 2 || zidongfahuoall.is_delivery == 3 ">

            <div class="kflexc"  style="color: #999; margin: 10px 0 20px 0px;">
              自动退款时间配置：在订单进入{{moban.platform_name}}
                <el-select v-model="zidongfahuoall.refund_time_point" placeholder="请选择" style="width: 120px; margin: 0 10px;">
                  <el-option v-for="item in 18" :key="index" :label="item*2" :value="item*2"></el-option>
                </el-select>
              小时后执行自动退款
            </div>

            <div v-if="zidongfahuoall.is_delivery == 3">
              <div style="margin-bottom:20px">自动退款商品ID名单配置：</div>
              <div class="kflexc">
                <el-input v-model="spuid" style="width: 300px; margin-right: 20px;" placeholder="请输入抖音商品ID（spuid）"></el-input><el-button type="primary" round @click="addstore">添加</el-button>
              </div>
              <div style="width: 400px;">
                <div v-for="(item,index) in storelist" :key="item.id" class="kflexbc" style="margin-top: 10px;">
                  <div>{{item.spuid}}</div>
                  <div @click="delstore(item)" style="color: #409EFF; cursor: pointer;">删除</div>
                </div>
              </div>
            </div>



          </div>
      </div>

      <span slot="footer" class="dialog-footer" style="text-align: center;">
        <el-button type="info" round @click="zidongfahuolog = false">关闭</el-button>
        <el-button type="danger" round @click="tuihuogo">确 定</el-button>
      </span>
    </el-dialog>

    <el-dialog title="通知" center :visible.sync="log10" :close-on-click-modal="false" width="800px">
      <div style="line-height: 30px; font-size: 14px;">
        1.因抖音不允许订单做全部退款，如果48小时自动退款被系统检测到，将会做违规处理，为避免
        中风控，自动退款规则调整如下：原订单48小时不发货自动退款，改为：46小时不发货敢探号主
        动通知抖音订单审核失败；
      </div>
      <div style="line-height: 30px; font-size: 14px;">
        2、请不要退款后发货，如果订单通知抖音订单审核失败（抖音会自动退款），然后商家又线下发货，
        导致用户投诉，抖音查到会做处罚，第一次会被限制下单，多次违规直接清退处理。
        业内已有多家被限单，请重视！！
      </div>

      <span slot="footer" class="dialog-footer" style="text-align: center;">
        <el-button type="danger" round @click="log10g">确 定</el-button>
      </span>
    </el-dialog>

    <el-dialog title="修改自动退款" :visible.sync="zidongtuikuanlog" :close-on-click-modal="false" width="410px">
      <!-- 抖音和快手 -->
      <div class="kflexc mb20">
        <el-switch v-model="zidongtuikuan.is_refund" active-color="#0C83FF"  style="height: 24px;" inactive-color="rgb(220, 220, 220)" :active-value='1' :inactive-value='0'></el-switch>
        <div style="margin-left: 10px;">开启生产失败自动退款</div>
      </div>
      <div class="kflexc mb20">
        <div>生产失败后</div>
        <div>
          <el-select v-model="zidongtuikuan.refund_time_point2"  :disabled="zidongtuikuan.is_refund == 0" placeholder="请选择" style="width: 120px; margin: 0 10px;">
            <el-option label="0" :value="0"></el-option>
            <el-option label="0.5" :value="0.5"></el-option>
            <el-option label="1" :value="1"></el-option>
            <el-option label="2" :value="2"></el-option>
            <el-option label="3" :value="3"></el-option>
            <el-option label="6" :value="6"></el-option>
            <el-option label="12" :value="12"></el-option>
            <el-option label="18" :value="18"></el-option>
            <el-option label="24" :value="24"></el-option>
            <el-option label="36" :value="36"></el-option>
          </el-select>
        </div>
        <div>小时，自动退款</div>
      </div>
      <div class="mb20" style="color: #999999;">设置为0表示生产失败立即退款</div>
      <!-- 快手 -->
<!--      <div class="kflexc mb20">
        <el-switch v-model="zidongtuikuan.is_refund" active-color="#0C83FF"  style="height: 24px;" inactive-color="rgb(220, 220, 220)" :active-value='1' :inactive-value='0'></el-switch>
        <div style="margin-left: 10px;">开启订单超过48小时未发货自动退款</div>
      </div> -->

      <!-- <el-radio v-model="zidongtuikuan.is_refund" :label="0">关闭</el-radio>
      <el-radio v-model="zidongtuikuan.is_refund" :label="1">生产失败立即退款</el-radio>
      <el-radio v-model="zidongtuikuan.is_refund" :label="2">开卡失败24小时退款</el-radio> -->

      <span slot="footer" class="dialog-footer" style="text-align: center;">
        <el-button round @click="zidongtuikuanlog = false">取 消</el-button>
        <el-button type="danger" round @click="change_is_deliveryx(zidongtuikuan)">确 定</el-button>
      </span>
    </el-dialog>

    <piliangsousuo :title="'批量ID'" ref="duoxuan" @qusousuo="qusousuo" :ming="'确定'">

    </piliangsousuo>
    <tongbubeizhupeizhi ref="tongbubeizhupeizhi" :id="'dy'"></tongbubeizhupeizhi>
  </div>

</template>

<script>

  // import loadJs from '@/assets/loadJs.js'
  import axios from 'axios'
  import biaoqi from '@/components/productionManagement/biaoqi'
  import top from '@/components/productionManagement/Azujian/nav.vue'
  import piliangsousuo from "./Azujian/piliangsousuo"
  import tongbubeizhupeizhi from './log/tongbubeizhupeizhi.vue'
  import { Bixi } from '@open-fxg/bixi-vue';
  import _ from 'lodash';
  export default {
    name: "order_catchpdd",
    components: {
      biaoqi,
      top,
      piliangsousuo,Bixi,tongbubeizhupeizhi
    },
    data() {
      return {
        zidongfahuoall:"",
        zidongfahuolog:false,
        storelist:'',
        spuid:'',

        spuid2:"",
        storelist2:"",
        shoplists:[],
        shopname:"",

        log10:false,
        tuihuox:{
          index:0,
          fahuolog:false,
          is_delivery:"",
          refund_time_point:2,
          force_modify_logistics:0
        },
        loudanlog: false,
        loudannum: "",
        chooseid: "",
        loading: true,
        list: "",
        hide: false,
        log: false,
        cookies: "",
        cookies2: "",
        cookies3: "",
        mobile: "",
        mlog: false,
        addshplog: false,
        addshopname: "",
        shop_nick:"",
        addshoptoken: "",
        id: "",
        time: "",
        // timerule:{
        //     disabledDate(time) {
        //         var time1 = Date.now() - 3600 * 1000 * 24 * 4
        //         return time.getTime() < time1
        //     },
        // },
        radio: "0",
        mlog48: false,
        log2: false,
        shopid: "",
        activeName: "first",
        pickerOptions: {
          disabledDate(time) {
            return time.getTime() > Date.now() - 8.64e6;
          }
        },
        tuikuanlogx:false,
        ids:"",
        zidongtuikuanlog:false,
        zidongtuikuan:{
          id:"",
          is_refund:0,
          is_white:"",
          refund_time_point2:0
        },

        config:"",
        chulai:false
      }
    },
    created() {
      this.shopid = JSON.parse(localStorage.getItem('SHOP')).shop_id;
      this.getlist();
      this.getgezhonglist2()
    },
    mounted() {

      // loadJs('https://lf1-fe.ecombdstatic.com/obj/ecom-fe-open-public/component/index.js').then(()=>{
      //     this.getlist();
      // })

      if(localStorage.getItem('yidulog10')){

      }else{
        this.log10 = true
      }

    },
    methods: {
      tongbukai:function(){
        this.$refs.tongbubeizhupeizhi.chushihua()
      },
      chaxun: _.debounce(function() {
      	this.getgezhonglist2()
      }, 500),
      getstorelist2:function(){
        axios.get('/api/plan-market/force/goods/delivery/list?store_id='+this.zidongfahuoall.id)
          .then(response => {
            if (response.data.msg.code == 0) {
              this.storelist2 = response.data.data
            } else {
              this.$message.error(response.data.msg.info);
            }
          })
      },
      addstore2:function(item){
        axios.post('/api/plan-market/force/goods/delivery/set',{store_id:this.zidongfahuoall.id,goods_sku:item.fetch_code})
          .then(response => {
            if (response.data.msg.code == 0) {
              this.getstorelist2()
              this.$message.success('添加成功');
            } else {
              this.$message.error(response.data.msg.info);
            }
          })
      },
      delstore2:function(item){
        this.$confirm('确定要删除吗？', '重要', {
          confirmButtonText: '确定删除',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {

          axios.post('/api/plan-market/force/goods/delivery/delete',{store_id:this.zidongfahuoall.id,goods_sku:item.fetch_code})
            .then(response => {
              if (response.data.msg.code == 0) {
                this.$message.success('删除成功');
                this.getstorelist2()
              } else {
                this.$message.error(response.data.msg.info);
              }
            })
        })
      },

      getgezhonglist2:function(){
        //获取商品
        axios.get('/api/gth/order-pages2?status=100&_page_size=2000&fetch_code='+this.shopname)
          .then(response => {
            if (response.data.msg.code == 0) {
              this.shoplists = response.data.data.data
            } else {
              this.$message.error(response.data.msg.info);
            }
          })
      },


      getstorelist:function(){
        axios.get('/api/plan-market/not-deliver/spuid/list?store_id='+this.zidongfahuoall.id)
          .then(response => {
            if (response.data.msg.code == 0) {
              this.storelist = response.data.data
            } else {
              this.$message.error(response.data.msg.info);
            }
          })
      },
      addstore:function(){
        axios.post('/api/plan-market/not-deliver/spuid/set',{store_id:this.zidongfahuoall.id,spuid:this.spuid})
          .then(response => {
            if (response.data.msg.code == 0) {
              this.getstorelist()
              this.$message.seccess('添加成功');
            } else {
              this.$message.error(response.data.msg.info);
            }
          })
      },
      delstore:function(item){
        this.$confirm('确定要删除吗？', '重要', {
          confirmButtonText: '确定删除',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {

          axios.post('/api/plan-market/not-deliver/spuid/delete',{store_id:this.zidongfahuoall.id,spuid:item.spuid})
            .then(response => {
              if (response.data.msg.code == 0) {
                this.$message.success('删除成功');
                this.getstorelist()
              } else {
                this.$message.error(response.data.msg.info);
              }
            })
        })
      },

      be:function(val){
        console.log(val)
      },
      be2:function(val){
        console.log(val)
      },
      be3:function(val){
        console.log(val)
      },
      xiugaiis_refund:function(item){
        this.zidongtuikuan.id = item.id
        this.zidongtuikuan.is_refund = item.is_refund
        this.zidongtuikuan.is_white = item.is_white
        this.zidongtuikuan.refund_time_point2 = item.refund_time_point2

        this.zidongtuikuanlog = true
      },
      log10g:function(){
        this.log10 = false
        localStorage.setItem('yidulog10',true)
      },
      zhua:function(){
        this.$refs.duoxuan.log = true
      },
      qusousuo:function(ids){
        let arr = []
        if(ids){
          arr = ids.split(',')
        }
        axios.post('/api/plan-market/order/review', {
            source: 'douyin',
            data: arr
          })
          .then(response => {
            if (response.data.msg.code == 0) {
              this.$message.success('操作成功');

            } else {
              this.$message.error(response.data.msg.info);
            }
          })

      },
      change_is_deliveryx:function(item){
        if(item.is_white == 0){
          this.tuikuanlogx = true
          item.is_refund = 0
        }else{
          axios.post('/api/plan-market/shop/data/syn/set', this.zidongtuikuan)
            .then(response => {
              if (response.data.msg.code == 0) {
                this.$message.success('操作成功');
                this.getlist()
                this.zidongtuikuanlog = false
              } else {
                this.$message.error(response.data.msg.info);
                item.is_refund = 0
              }
            })
        }
      },
      tuihuono:function(){

          this.list[this.tuihuox.index].is_delivery = 1
          this.tuihuox.fahuolog = false
      },
      tuihuogo:function(){
        axios.post('/api/plan-market/shop/data/syn/set',{
          id: this.zidongfahuoall.id,
          is_delivery: this.zidongfahuoall.is_delivery,
          refund_time_point: this.zidongfahuoall.refund_time_point,
          force_modify_logistics:this.zidongfahuoall.force_modify_logistics
        })
          .then(response => {
            if (response.data.msg.code == 0) {
              this.$message.success('操作成功');
              this.getlist()
              // this.tuihuox.fahuolog = false
              this.zidongfahuolog = false
            } else {
              this.$message.error(response.data.msg.info);
            }
          })
      },
      change_is_delivery1:function(item,index){
        this.shopname = ''

        this.zidongfahuoall = JSON.parse(JSON.stringify(item))
        this.getstorelist()
        this.getstorelist2()
        this.getgezhonglist2()
        this.zidongfahuolog = true

        // if(item.is_delivery2 == 3){
        //   this.tuihuox.index = index
        //   this.tuihuox.id = item.id
        //   this.tuihuox.is_delivery = item.is_delivery.toString()
        //   this.tuihuox.refund_time_point = item.refund_time_point

        //   this.tuihuox.fahuolog = true
        // }else{
        //   //传了个1
        //   axios.post('/api/plan-market/shop/data/syn/set', {
        //       id: item.id,
        //       is_delivery: item.is_delivery2,
        //       is_remark: item.is_remark
        //     })
        //     .then(response => {
        //       if (response.data.msg.code == 0) {
        //         this.$message.success('操作成功');
        //         this.getlist()
        //       } else {
        //         this.$message.error(response.data.msg.info);
        //       }
        //     })
        // }
      },
      change_is_delivery: function(item) {
        axios.post('/api/plan-market/shop/data/syn/set', {
            id: item.id,
            is_delivery: item.is_delivery,
            is_remark: item.is_remark
          })
          .then(response => {
            if (response.data.msg.code == 0) {
              this.$message.success('操作成功');
              this.getlist()
            } else {
              this.$message.error(response.data.msg.info);
            }
          })
      },

      biaoqishezhi: function() {
        console.log(this.$refs.biaoqi)
        this.$refs.biaoqi.biaoqi_log = true
      },

      shanchu: function(id) {

        this.$confirm('删除店铺会使已有订单失去订单来源，请慎重删除', '重要', {
          confirmButtonText: '确定删除',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          this.loading = true
          axios.post('/api/plan-market/out-store/delete', {
              id: id
            })
            .then(response => {
              if (response.data.msg.code == 0) {
                this.getlist()
              } else {
                this.$message.error(response.data.msg.info);
              }
            })
        })

      },
      goxin: function() {
        this.$router.push({
          path: "/order_catch/order_catchpdd2"
        });
      },
      clearText() {
        this.loudannum = ''
      },
      //开启抓单
      gocatch(id) {
        this.id = id
        axios.post('/api/plan-market/out-store/updaterun', {
            id: this.id
          })
          .then(response => {
            if (response.data.msg.code == 0) {
              this.loading = true
              this.getlist()
            } else {
              this.$message.error(response.data.msg.info);
            }
          })
      },
      // seelogs(id){
      //   this.$router.push({
      //     path: "/order_catch/order_catchpddlogs",
      //     query: { id: id }
      //   });
      // },
      seelogs(id, name) {
        this.$router.push({
          path: "/order_catch/order_catchjdlogs",
          query: {
            id: id,
            name: encodeURIComponent(name)
          }
        });
      },
      loudanchoose: function(e) {
        this.chooseid = e
        this.loudanlog = true
      },
      loudan: function() {
        var that = this

        //   var list = [this.loudannum]
        //   if(this.loudannum.indexOf('，') > -1){
        //       list = this.loudannum.split('，')
        //   }
        //   if(this.loudannum.indexOf(',') > -1){
        //       list = this.loudannum.split(',')
        //   }

        let duoxuanids2
        duoxuanids2 = this.loudannum.split(/\n/)
        for (let i in this.duoxuanids2) {
          duoxuanids2[i] = duoxuanids2[i].trim()
        }
        let data = {}
        data.id = this.chooseid
        if (this.activeName == 'first') {
          data.orders = duoxuanids2
          data.tag = 1
        } else {
          data.start_time = this.time[0]
          data.end_time = this.time[1]
          data.tag = 2
        }

        axios.post('/api/plan-market/out-store/order/refetch', data)
          .then(response => {
            if (response.data.msg.code == 0) {
              that.$message({
                message: '抓单已提交，请稍后查看。',
                type: 'success'
              });
              that.clearText()
              that.loudanlog = false
            } else {
              that.$message.error(response.data.msg.info);
            }
          })
      },
      //申请店铺
      addshaopf: function() {
        this.addshopname = this.addshopname.trim()
        this.shop_nick = this.shop_nick.trim()

        this.addshoptoken = this.addshoptoken.trim()
        // if(!this.addshopname || !this.addshoptoken){
        //   this.$message.error('请填写店铺名和AccssToken')
        //   return
        // }
        var that = this
        axios.post('/api/plan-market/out-store/add', {
            name: this.addshopname,
            shop_nick: this.shop_nick,
            source: "douyin",
            access_token: this.addshoptoken
          })
          .then(response => {
            if (response.data.msg.code == 0) {
              that.$message({
                message: '申请已发送，我们将在48小时内处理。',
                type: 'success'
              });
              that.addshplog = false
              that.addshopname = ""
              that.shop_nick = ""

            } else {
              that.$message.error(response.data.msg.info);
            }
          })
      },
      //48小时发货确认
      go48: function() {
        var that = this
        axios.post('/api/plan-market/out-store/auto_deliver', {
            auto_deliver: that.radio
          })
          .then(response => {
            if (response.data.msg.code == 0) {

              if (that.radio == '0') {
                that.$message({
                  message: '自动发货关闭！',
                  type: 'success'
                });
              } else {
                that.$message({
                  message: '自动发货开启！',
                  type: 'success'
                });
              }
              that.mlog48 = false
            } else {
              that.$message.error(response.data.msg.info);
            }
          })
      },
      //获取手机号
      mobileshow: function() {
        var that = this
        axios.get('/api/plan-market/out-store/one?id=' + this.mobileid)
          .then(response => {
            if (response.data.msg.code == 0) {
              that.mobile = response.data.data.mobile
              that.mlog = true
            } else {
              that.$message.error(response.data.msg.info);
            }
          })
      },
      //停止抓单
      stop: function(id) {
        var that = this
        axios.post('/api/plan-market/out-store/stop/fetch', {
            id: id
          })
          .then(response => {
            if (response.data.msg.code == 0) {
              that.$message.success('已停止抓单！');
              that.loading = true
              that.getlist()
            } else {
              that.$message.error(response.data.msg.info);
            }
          })
      },
      //点击登录和重复登录
      showlog: function(id) {
        this.id = id
        this.log = true
        var that = this
        axios.get('/api/plan-market/out-store/one?id=' + id)
          .then(response => {
            if (response.data.msg.code == 0) {
              that.cookies = response.data.data.cookie
              that.time = [response.data.data.fetch_start_at, response.data.data.fetch_end_at]
            } else {
              that.$message.error(response.data.msg.info);
            }
          })
      },
      showlog2: function(id) {
        this.id = id
        this.log2 = true
      },

      //设置手机号
      gomobile: function() {
        var that = this
        axios.post('/api/plan-market/out-store/update', {
            source: 'douyin',
            mobile: this.mobile
          })
          .then(response => {
            if (response.data.msg.code == 0) {
              that.$message({
                message: '手机号设置成功',
                type: 'success'
              });
              that.mlog = false
            } else {
              that.$message.error(response.data.msg.info);
            }
          })
      },

      //cookie登录
      gocookie: function() {
        this.cookies = this.cookies.trim()
        if (this.cookies == "") {
          this.$message('请填写cookie！');
          return false
        }
        // if(this.time == "" || this.time == undefined){
        //     this.$message('请选择抓单时间！');
        //     return false
        // }
        var that = this
        axios.post('/api/plan-market/out-store/update', {
            id: this.id,
            cookie: this.cookies
          })
          .then(response => {
            if (response.data.msg.code == 0) {
              that.loading = true
              that.log = false
              that.getlist()
            } else {
              that.$message.error(response.data.msg.info);
            }
          })

      },
      gocookie2: function() {
        var that = this
        axios.post('/api/plan-market/out-store/update', {
            id: this.id,
            apply_cookie: this.cookies2,
            apply_anti: this.cookies3
          })
          .then(response => {
            if (response.data.msg.code == 0) {
              that.loading = true
              that.log2 = false
              that.getlist()
            } else {
              that.$message.error(response.data.msg.info);
            }
          })
      },
      gettoken:function(source,refid){

        // axios.post('/api/plan-market/get/mc-token',{source:source})
        //   .then(response => {
        //     if (response.data.msg.code == 0) {

        //       ecopen.start({
        //         token: response.data.data.token,
        //         appId: '7116433243871643172',
        //         shopId: '174297735',
        //         shopName: '倾国天月通信',
        //       });
        //       console.log(ecopen)
        //       setTimeout(()=>{
        //         let ele = this.$refs[refid]
        //         ecopen.bixi(ele, {
        //           token:response.data.data.token,
        //           componentId:"317",
        //           shopId:'174297735'
        //         })
        //       },1000)


        //     } else {
        //       that.$message.error(response.data.msg.info);
        //     }
        //   })
      },
      //获取号码
      getlist: function() {
        var that = this
        axios.get('/api/gth/out-store/list?source=douyin')
          .then(response => {
            if (response.data.msg.code == 0) {
              if (response.data.data != '') {
                for (var i in response.data.data) {
                  if (response.data.data[i].is_cookie === 0) {
                    response.data.data[i].stat = "不可用，请重新录入";
                  }
                  if (response.data.data[i].is_cookie === 1) {
                    response.data.data[i].stat = "可用";
                  }
                  if (response.data.data[i].is_delivery == 0 || response.data.data[i].is_delivery == 2) {
                    this.$set(response.data.data[i],'is_delivery2',3)
                  }else{
                    this.$set(response.data.data[i],'is_delivery2',1)
                  }

                }

                that.mobileid = response.data.data[0].id
                that.loading = false
                response.data.data.forEach(item=>{
                  this.$set(item,'config',{
                    token:"",
                    componentId:"",
                    appId: "",
                    shopId: "",
                    shopName: "",
                  })
                  this.$set(item,'chulai',false)
                })
                this.list = response.data.data

                //   this.list.forEach((item,index)=>{
                //     // this.gettoken(item.source + '-' + item.shop_name,'id'+item.id)
                //       setTimeout(()=>{
                //         axios.post('/api/plan-market/get/mc-token',{source:item.source + '-' + item.shop_name})
                //           .then(response => {
                //             if (response.data.msg.code == 0) {
                //               // if(item.shop_name == '倾国天月通信'){
                //               //   // ecopen.bixi(document.getElementById('doudian'), {
                //               //   //   appId: '7116433243871643172',
                //               //   //   shopId: '174297735',
                //               //   //   componentId: 317,
                //               //   //   token: response.data.data.token,
                //               //   // });

                //               //       this.config = {
                //               //         token:response.data.data.token,
                //               //         componentId:317,
                //               //         appId: '7116433243871643172',
                //               //         shopId: '174297735',
                //               //         shopName: '倾国天月通信',
                //               //       }
                //               //       this.chulai = true
                //               // }

                //                 let config = {
                //                   token:response.data.data.token,
                //                   componentId:317,
                //                   appId: item.pdd_client_id,
                //                   shopId: item.shop_nick,
                //                   shopName: item.shop_name,
                //                 }
                //                 item.config = config
                //                 item.chulai = true





                //               // if(item.shop_name == '倾国天月通信'){
                //               //   console.log(1)
                //               //   ecopen.start({
                //               //     token: response.data.data.token,
                //               //     appId: '7116433243871643172',
                //               //     shopId: '174297735',
                //               //     shopName: '倾国天月通信',
                //               //     componentId:"317",
                //               //   });
                //               //   setTimeout(()=>{
                //               //     this.config = {
                //               //       token:response.data.data.token,
                //               //       componentId:"317",
                //               //       appId: '7116433243871643172',
                //               //       shopId: '174297735',
                //               //       shopName: '倾国天月通信',
                //               //     }
                //               //     this.chulai = true
                //               //     console.log(2)
                //               //   },1000)
                //               // }






                //             } else {
                //               that.$message.error(response.data.msg.info);
                //             }
                //           })
                //       },2000*index)



                //   })


                // console.log(this.list)

              } else {
                that.loading = false
              }

            } else {
              that.$message.error(response.data.msg.info);
            }
          })
      },
      //翻页
      fanye: function(page) {
        this.loading = true
        this.getlist()
      },
      xiazai: function() {
        const a = document.createElement('a');
        a.setAttribute('download', '抖音抓单流程.pdf');
        a.setAttribute('href', window.location.origin + window.location.pathname + 'static/moban/douyinzhuadanxin.pdf');
        a.click();
      }
    },
  }
</script>

<style lang="scss" scoped>
    @import "@/assets/zuixin.scss";

  .order_catchpdd {
    .says48 {
      line-height: 25px;
      padding: 20px 0;
    }
    /deep/ .el-radio__label{ font-size: 16px;}
    /deep/ .el-button--danger {
        color: #FFF;
        background-color: #2974FF;
        border-color: #2974FF;
    }
    /deep/ .el-button--danger.is-plain {
        color: #EEF7FF !important;
        background: #EEF7FF !important;
        border-color: #18A0FB !important;
    }
    .team {
      background: #F9F9F9;

      .powertop {
        display: flex;
        width: 640px;
      }

      .powertopli {
        flex-basis: 160px;
        line-height: 45px;
        border-top: 4px #F9F9F9 solid;
        color: #727272;
        font-size: 14px;
        text-align: center;
      }

      .powertopact {
        background: #FFFFFF;
        border-top: 4px #DD2727 solid;
      }

      .centerall {
        padding: 20px;
        background: #FFFFFF;
        color: #666;

        .t-img {
          margin-bottom: 20px;
          position: relative;



          .t-email {
            position: absolute;
            background: #FFFFFF;
            color: #DD2727;
            right: 20px;
            padding: 8.5px 15px;
            border-radius:20px;
            top: 23px;
            margin-right: 10px;
            cursor: pointer;
          }

          .t-48 {
            position: absolute;
            background: #FFFFFF;
            color: #DD2727;
            font-size: 14px;
            right: 160px;
            padding: 5px 10px;
            top: 26px;
            cursor: pointer;
          }
        }

        .t-con {
          .list {
            display: flex;
            text-align: center;
            color: #727272;
            line-height: 45px;
            border-top: 1px #EAEAEA solid;
            border-bottom: 1px #EAEAEA solid;
            margin-top: -1px;

            .th {
              flex: 1;
              background: #F9F9F9;
              font-size: 14px;
              border-right: 1px #EAEAEA solid;
            }

            .td {
              flex: 1;
              font-size: 14px;
              border-right: 1px #EAEAEA solid;
            }

            .td2 {
              display: flex;
              justify-content: center;
              align-items: center;
              flex-wrap: wrap;
            }

            .el-button--danger {
              padding: 7px 15px !important;
            }
          }

          .el-pagination {
            text-align: right;
            margin: 20px 0
          }

          .addshop {
            text-align: center;
            padding: 20px 0;
          }
        }

        .getcookie {
          background: #F8F8F8;
          padding: 20px;
          line-height: 30px;
          margin-top: 40px;
          border: 1px #e6e6e6 solid;

          .getflex {
            display: flex;
            justify-content: space-between;
            width: 750px;
            margin: 0 auto;
            margin-top: 50px;

            .getxian {
              height: 25px;
              border-bottom: 1px #D5D5D5 solid;
              flex-basis: 280px;
            }

            .getflexli {
              flex-basis: 50px;
              text-align: center;
              z-index: 2;

              .getflexlix {
                background: #D5D5D5;
                line-height: 50px;
                border-radius: 25px;
                width: 50px;
              }
            }
          }

          .getflex2 {
            display: flex;
            justify-content: space-between;
            width: 950px;
            margin: 20px auto;

            .getflexli2 {
              width: 240px;
              text-align: center;

              .getflexli2title {
                font-size: 16px;
              }

              .getflexli2content {
                font-size: 14px;
              }
            }
          }

          .blue a {
            color: #409EFF;
            cursor: pointer
          }
        }
      }
    }

    .cookiechange {
      margin-left: 5px;
      cursor: pointer;
    }

  }
</style>
